<template>
   <div class="more" @click="$emit('clicked')">
       <p class="text">{{postData.title}}</p>
       <p class="png">
        <img :src="postData.cover[0].url || fixImgUrl" alt=""> 
        <img :src="postData.cover[1].url || fixImgUrl" alt=""> 
        <img :src="postData.cover[2].url || fixImgUrl" alt=""> 
        </p>   

        <div class="follow">
          <span>{{postData.user.nickname}}</span> <i class="follow-num">{{comment}}跟帖</i>
        </div>
     </div>
</template>

<script>
export default {
    props:['postData','comment']
}
</script>

<style lang="less" scoped>

.more {
  padding: 0 10/360 * 100vw;
  font-size: 14/360*100vw;
  border-bottom: 1/360 * 100vw solid #afafaf;
  .text{
        margin: 10/360*100vw 0 5/360*100vw;
    }
  .png {
    display: flex;
    img {
      width: 110/360 * 100vw;
      &:nth-child(n + 2) {
        margin-left: 5/360 * 100vw;
      }
    }
  }
  .follow {
    padding: 10/360 * 100vw 0;
    color: #868686;
   .follow-num {
        margin-left: 10/360*100vw;
      }
  }
}

</style>